<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
<%--<link rel="stylesheet" href="../../../layui-v2.2.5/layui/css/layui.css" media="all">
<script src="../../../layui-v2.2.5/layui/layui.js" charset="utf-8"></script>--%>

<link href="/upload/css/common.css" type="text/css" rel="stylesheet">
<link href="/upload/css/index.css" type="text/css" rel="stylesheet">

<div class="breadcrumbs" id="breadcrumbs">
    <script type="text/javascript">
        try {
            ace.settings.check('breadcrumbs', 'fixed')
        } catch (e) {
        }
    </script>

    <ul class="breadcrumb">
        <li>
            <i class="icon-home home-icon"></i>
            <a href="../../../index.jsp">首页</a>
        </li>

        <li>
            上传图片
        </li>

    </ul><!-- .breadcrumb -->
</div>

<div class="page-content">
    <div class="page-header">
        <h1 style="margin-left: 35%;">
            《${files.file_name}》合同
        </h1>
    </div><!-- /.page-header -->

    <div class="row">
        <div class="col-xs-12">
            <!-- PAGE CONTENT BEGINS -->

            <form class="form-horizontal" action="./addFile" method="post"  enctype="multipart/form-data">
                <div class="form-group">


                    <div class="col-sm-9">
                        <input name="file_id" type="hidden" value="${files.file_id}"/>
                    </div>
                </div>

                <div class="space-4"></div>


                <div class="img-box full">
                    <section class=" img-section">
                        <p class="up-p">合同图片：<span class="up-span" style="color: #880000;">（*最多可以上传5张图片，马上上传）</span></p>
                        <div class="z_photo upimg-div clear" >
                            <section class="z_file fl">
                                <img src="/upload/img/a11.png" class="add-img">
                                <input type="file" name="file" id="file" class="file" value="" accept="image/jpg,image/jpeg,image/png,image/bmp" multiple />
                            </section>
                        </div>
                    </section>
                </div>
                <aside class="mask works-mask">
                    <div class="mask-content">
                        <p class="del-p ">您确定要删除作品图片吗？</p>
                        <p class="check-p"><span class="del-com wsdel-ok">确定</span><span class="wsdel-no">取消</span></p>
                    </div>
                </aside>






                <div class="space-4"></div>
                <div class="space-4"></div>

                <div>
                    <div class="col-md-offset-3 col-md-9">
                        <button class="btn btn-info" type="submit" >
                            <i class="icon-ok bigger-110"></i>
                            保存
                        </button>

                        &nbsp; &nbsp; &nbsp;
                        <a href="./fileListShow">
                           <button class="btn btn-info" type="button">
                                <i class="icon-reply icon-only"></i>
                                   返回
                          </button>
                        </a>
                    </div>
                </div>

            </form>

            <div class="hr hr-18 dotted hr-double"></div>


        </div><!-- /.col -->
    </div><!-- /.row -->
</div>


<%--
<script>
    layui.use('upload', function(){
        var $ = layui.jquery
            ,upload = layui.upload;

        //多图片上传
        upload.render({
            elem: '#test2'        //指向容器选择器【id="test2"】
            ,url: '/addFile/'  //服务端上传接口路径
            ,multiple: true       //是否允许多文件上传。设置 true即可开启。不支持ie8/9
            ,before: function(obj){
                //预读本地文件示例，不支持ie8
                obj.preview(function(index, file, result){
                    //append() 方法在被选元素的结尾（仍然在内部）插入指定内容。
                    $('#demo2').append('<img src="'+ result +'" alt="'+ file.name +'" style="width: 146px;height: 150px;"   class="layui-upload-img">')
                });
            }
            ,done: function(res){
                //上传完毕
            }
        });
    });
</script>--%>
